<%--
Created by IntelliJ IDEA.
User: wuran
Date: 2023/2/26
Time: 9:55
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%--&lt;%&ndash;<!DOCTYPE html>&ndash;%&gt;<!DOCTYPE html>--%>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>校园失物招领系统登录页面</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <!-- Bootstrap 3.3.7 -->
    <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.min.css">
    <!-- Ionicons -->
    <link rel="stylesheet" href="bower_components/Ionicons/css/ionicons.min.css">
    <!-- Theme style -->
    <link rel="stylesheet" href="dist/css/AdminLTE.min.css">
    <!-- iCheck -->
    <link rel="stylesheet" href="plugins/iCheck/square/blue.css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->



    <!-- Google Font -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
</head>
<body class="hold-transition login-page">
<div class="login-box">
    <div class="login-logo">
        <b>校园失物招领</b>系统
    </div>
    <!-- /.login-logo -->
    <div class="login-box-body">
        <p class="login-box-msg">使用校园账户登录</p>

<%--        <form action="/loginAction" method="post">--%>
            <div class="form-group has-feedback">
                <input type="text" class="form-control" placeholder="账户" id="username" name="username">
                <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
            </div>
            <div class="form-group has-feedback">
                <input type="password" class="form-control" placeholder="密码" id="password" name="password">
                <span class="glyphicon glyphicon-lock form-control-feedback"></span>
            </div>
            <div class="row">
                <div class="col-xs-8">
                        <label>
                            &nbsp;&nbsp;&nbsp;&nbsp;
                        </label>
                </div>
                <!-- /.col -->
                <div class="col-xs-4">
                    <button type="submit" class="btn btn-primary btn-block btn-flat " id="admin_login">登录</button>
                </div>
                <!-- /.col -->
            </div>
<%--        </form>--%>

        <div class="social-auth-links text-center">
            <a href="/jsp/registrer.jsp" class="btn btn-block btn-social btn-facebook btn-flat"><i class="fa fa-registered"></i>使用学生账号注册</a>
        </div>
        <!-- /.social-auth-links -->

    </div>
    <!-- /.login-box-body -->
</div>
<!-- /.login-box -->

<!-- jQuery 3 -->
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<!-- Bootstrap 3.3.7 -->
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- iCheck -->
<script src="plugins/iCheck/icheck.min.js"></script>
<script>
    $(function () {
        $('input').iCheck({
            checkboxClass: 'icheckbox_square-blue',
            radioClass: 'iradio_square-blue',
            increaseArea: '20%' /* optional */
        });
    });
</script>
<script>
    $(function (){
        $('#admin_login').click(function (){

            function AdminClass() {
                this.userID = 0;
                this.username = "";
                this.name = "";
                this.password = "";
                this.studentID = "";
                this.email = "";
                this.tel = "";
                this.academy = "";
            }

            let user = new AdminClass();
            user.username = $("#username").val();
            user.password = $("#password").val();
            //转换为json格式
            let userJSON = JSON.stringify(user);
            $.ajax({
                url: "loginAction",
                type: "post",
                data: {"username":  user.username,"password":user.password},
                success: function (resultStr) {
                    // let info = JSON.parse(resultStr);
                    if (resultStr != "Pass") {
                        if (user.username === "admin")
                            window.location.href = "jsp/adminmainpage.jsp";
                        else
                            window.location.href = "jsp/mainpage.jsp";
                    }else {
                        alert("用户名或密码错误");
                    }
                },
                error() {
                    alert("服务器连接失败");
                }
            });
        });
    });
</script>
</body>
</html>
